<template>
  <div class="page-nav-bar">
    <van-nav-bar
      class="nav-bar"
      :title="title"
      left-arrow
      fixed
      @click-left="$router.back()"
    />
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
    title: {
      type: String,
      required: true
    }
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  methods: {}
}
</script>

<style scoped lang="less">
.page-nav-bar {
  height: 45px;
  :deep(.nav-bar) {
    background-color: #21b97a;
    height: 45px;
    .van-nav-bar__content {
      height: 45px;
      .van-nav-bar__title {
        font-size: 18px;
        color: #fff;
      }
      .van-icon-arrow-left {
        color: #fff;
        font-size: 16px;
      }
    }
  }
}
</style>
